<template>
	<view class="container">		
		<img class="img-bg" :src="$imgUrl(imgSrc)" alt="">	
		<view class="index-text">{{name}}</view>
	</view>
</template>
<script>
	export default{
		props:{
			name:{type:String,default:''},
			imgSrc:{type:String,default:''},
		},
		data(){
			return{
				
			}
		},
		
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.container{
		width:230upx;
		height: 230upx;		
		overflow: hidden;
		padding: 0;
		position: relative;		
		.index-text{
		    position: absolute;
			top: 34upx;
			left: 32upx;
			font-size: 32upx;
			// font-weight: ;
		}
		.img-bg{
			width: 230upx;
			height: 230upx;
		}
	}
	
	
</style>
